<template>
  <div class="">
    <!-- 电脑端轮播图 -->
    <div class="swiper hidden-xs">
      <div class="swiper-wrapper">
        <div class="swiper-slide" v-for="(item,index) in bannerlist" :key="index" style="">
          <img :src="item.image" width="100%" height="100%">
        </div>
      </div>
      <!-- 如果需要分页器 -->
      <div class="swiper-pagination"></div>
    </div>
    <!-- 电脑端轮播图结束 -->

    <!-- 手机端端轮播图 -->
    <div class="swiper visible-xs-block">
      <div class="swiper-wrapper">
        <div class="swiper-slide" v-for="(item,index) in bannerlist" :key="index" style="">
          <img :src="item.image" width="100%" height="100%">
        </div>
      </div>
      <!-- 如果需要分页器 -->
      <div class="swiper-pagination"></div>
    </div>
    <!-- 电脑端轮播图结束 -->

    <!-- 内容开始 -->
    <!-- 电脑端 -->
    <div class="NriRonge hidden-xs">
      <div class="container">
        <div class="NriRongeCom ">
          <div class="NriRongeComLeft">
            <div class="NriRongeComLeftSer">
              <p>全新商业模式。</p>
              <p>微藏汇开创了钱币实时竞拍的</p>
              <p>{{footerobj.text3}}。</p>
              <p>{{footerobj.text2}}，</p>
              <p>{{footerobj.text1}}，</p>
            </div>
            <div class="NriRongeComLeftBian">
              <div class="NriRongeComLeftBianiN">
                <div>竞</div>
                <img src="../assets/images/quan@2x.png">
                <div class="NriRongeComLeftBianiNk">
                  竞拍好物 | 稀有珍品
                </div>
              </div>
            </div>
            <div class="NriRongeComLeftHua01">
              <img src="../assets/images/jingdain@2x.png">
            </div>
            <div class="NriRongeComLeftHua02">
              <img src="../assets/images/shuzhi@2x.png">
            </div>
          </div>
          <div class="NriRongeComRight">
            <div class="swiperRight">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <div class="SiFang" v-for="(item,index) in list" v-if="index<4"
                    @click="getrouter(activelist[0].id,1,item.goodsid)">
                    <img :src="item.pics">
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="SiFang" v-for="(item,index) in list" v-if="index>=4"
                    @click="getrouter(activelist[0].id,1,item.goodsid)">
                    <img :src="item.pics">
                  </div>
                </div>
              </div>
              <!-- 如果需要分页器 -->
              <div class="swiper-pagination2"></div>
            </div>
          </div>

        </div>
      </div>
      <div class="SuBei">
        <img src="../assets/images/bg_shan1@2x.png">
      </div>
      <div class="NriRonge02">
        <div class="container">
          <div class="NriRonge02Com">
            <div class="NriRonge02ComLeft">
              <div class="SiFang" @click="getrouter(activelist[0].id,1,item.goodsid)"
                v-for="(item,index) in activelist[0].goods" v-if="index<4">
                <img :src="item.pics">
              </div>
              <div class="xuanZhuan">
                <div class="xuanZhuanCom" @touchstart="touchStart(qrcode_active)" @touchend="touchEnd()">
                  <img :src="qrcode_active">
                </div>
              </div>
            </div>
            <div class="NriRonge02ComRight">
              <div class="NriRonge02ComRightTopspan" @click="getrouter(activelist[0].id,1)">
                <span style="background-color: red;" v-if="activelist[0].state==1">{{activelist[0].str_state}}</span>
                <span style="background-color: #17cd28;"
                  v-if="activelist[0].state==0">{{activelist[0].str_state}}</span>
                <span style="background-color: #c2c2c2;"
                  v-if="activelist[0].state!=1&&activelist[0].state!=0">{{activelist[0].str_state}}</span>
                <span>{{activelist[0].startdate}} {{activelist[0].startweek}} {{activelist[0].starttime}}</span>
              </div>
              <div class="NriRonge02ComRightCom" @click="getrouter(activelist[0].id,1)">
                {{activelist[0].name}}
              </div>
              <div class="NriRonge02ComRightBot" @click="getrouter(activelist[0].id,1)">
                本期共 {{activelist[0].goods_num}} 件拍品 <span>|</span> {{activelist[0].view}} 人关注
              </div>
              <div class="xuanZhuanDetial">
                <p>本期活动二维码</p>
                <p>想了解本期活动更多竞品信息，请扫描二维码直接进入“微藏汇小程序”查看详情</p>
              </div>
            </div>
          </div>

          <div class="NriRonge02Ser">
            <div class="NriRonge02SerItem" @click="getrouter(item.id,1)" v-for="(item,index) in activelist"
              v-if="index!=0">
              <div class="NriRonge02SerItemTopspan">
                <span style="background-color: red;" v-if="item.state==1">{{item.str_state}}</span>
                <span style="background-color: #17cd28;" v-if="item.state==0">{{item.str_state}}</span>
                <span style="background-color: #c2c2c2;" v-if="item.state!=1&&item.state!=0">{{item.str_state}}</span>
                <span>{{item.startdate}} {{item.startweek}} {{item.starttime}}</span>
              </div>
              <div class="NriRonge02SerItemCom">
                {{item.name}}
              </div>
              <div class="NriRonge02SerItemBot">
                本期共 {{item.goods_num}} 件拍品 <span>|</span> {{item.view}} 人关注
              </div>
              <div data-v-2ed0b6aa="" class="TunaMonkeyItemCom" @click.stop="">
                <div @click="getshopAuctions(item.id,1,itemm.goodsid,$event)" v-for="(itemm,indexx) in item.goods"
                  :key="indexx"
                  :style="'background-image: url('+itemm.pics+');background-repeat: no-repeat;background-position: center;'">
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="SuBei02">
          <img src="../assets/images/bg3_zuo2@2x.png">
        </div>
      </div>

      <div class="NriRonge03">
        <div class="container">
          <div class="NriRonge02Com">
            <div class="NriRonge03ComRight">
              <div class="NriRonge02ComRightTopspan" @click="getrouter(grouplist[0].id,2)">
                <span style="background-color: red;" v-if="grouplist[0].state==1">{{grouplist[0].str_state}}</span>
                <span style="background-color: #17cd28;" v-if="grouplist[0].state==0">{{grouplist[0].str_state}}</span>
                <span style="background-color: #c2c2c2;"
                  v-if="grouplist[0].state!=1&&grouplist[0].state!=0">{{grouplist[0].str_state}}</span>
                <span>{{grouplist[0].startdate}} {{grouplist[0].startweek}} {{grouplist[0].starttime}}</span>
              </div>
              <div class="NriRonge02ComRightCom" @click="getrouter(grouplist[0].id,2)">
                {{grouplist[0].name}}
              </div>
              <div class="NriRonge02ComRightBot" @click="getrouter(grouplist[0].id,2)">
                本期共 {{grouplist[0].goods_num}} 件拍品 <span>|</span> {{grouplist[0].view}} 人关注
              </div>
              <div class="xuanZhuanDetial03">
                <p>本期活动二维码</p>
                <p>想了解本期活动更多竞品信息，请扫描二维码直接进入“微藏汇小程序”查看详情</p>
              </div>
            </div>
            <div class="NriRonge02ComLeft">
              <div class="SiFang" v-for="(item,index) in grouplist[0].goods" v-if="index<4"
                @click="getrouter(grouplist[0].id,2)">
                <img :src="item.pics">
              </div>
              <div class="xuanZhuan03">
                <div class="xuanZhuanCom" @touchstart="touchStart(qrcode_group)" @touchend="touchEnd()">
                  <img :src="qrcode_group" alt="">
                </div>
              </div>
            </div>

          </div>

          <div class="NriRonge02Ser">
            <div class="NriRonge02SerItem" v-for="(item,index) in grouplist" v-if="index!=0"
              @click="getrouter(item.id,2)">
              <div class="NriRonge02SerItemTopspan">
                <span style="background-color: red;" v-if="item.state==1">{{item.str_state}}</span>
                <span style="background-color: #17cd28;" v-if="item.state==0">{{item.str_state}}</span>
                <span style="background-color: #c2c2c2;" v-if="item.state!=1&&item.state!=0">{{item.str_state}}</span>
                <span>{{item.startdate}} {{item.startweek}} {{item.starttime}}</span>
              </div>
              <div class="NriRonge02SerItemCom">
                {{item.name}}
              </div>
              <div class="NriRonge02SerItemBot">
                本期共 {{item.goods_num}} 件拍品 <span>|</span> {{item.view}} 人关注
              </div>
              <div data-v-2ed0b6aa="" class="TunaMonkeyItemCom" @click.stop="">
                <div @click="homegetrouter(item.id,item.state,$event)" v-for="(itemm,indexx) in item.goods"
                  :key="indexx"
                  :style="'background-image: url('+itemm.pics+');background-repeat: no-repeat;background-position: center;'">
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="Suhua">
          <img src="../assets/images/pic3@2x.png">
        </div>
      </div>

      <div class="txtMarquee-left container">
        <div class="hd" style="margin-bottom: 20px;">
          <div style="display: flex;align-items: center;justify-content: space-between;height: 100%;font-size: 18px;">
            <div data-v-195bb399="" class="Action PaimaijsTopTive" style="display: flex;">
              <div data-v-195bb399="" class="PaimaijsTopTiveIcon">
                <img data-v-195bb399="" src="img/icon@2x.a37beb45.png">
              </div>
              <div data-v-195bb399="" class="PaimaijsTopTiveCom">
                <p data-v-195bb399="">自由拍</p>
                <p data-v-195bb399="">部分竞品</p>
                <p data-v-195bb399="">Group buying area</p>
              </div>
              <div data-v-195bb399="" class="PaimaijsTopTiveJav" style="margin: 16px 14px 0px;">
                <img data-v-195bb399="" src="img/yin@2x.b24391aa.png" class="javimg">
              </div>
            </div>
            <div style="cursor: pointer;" @click="routerpm()">
              <!-- <a class="next"></a>
              <a class="prev"></a> -->
              more>>
            </div>
          </div>
        </div>
        <div class="bd">
          <ul class="infoList">
            <!-- <div class="PaimaijsConser"> -->
            <li class="PaimaijsConserTive" v-for="(item,index) in pmlist.activelist"
              @click="item.goods_show_type == 2?jxz(item.activeid):item.is_paimai==1?homegetrouter(item.activeid,1):navlinkbtn(item.liberty_goods_id)"
              :key="index">
              <div class="PaimaijsConserTiveImg"
                :style="'background-image: url('+item.pic+');background-repeat: no-repeat;background-position: center;'">
              </div>
              <p
                style="height:48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;">
                <span style="color: #ff0000 !important;"
                  v-if="item.pic">{{item.type_type == 2 ? '求购' : item.type_type == 3 ? '出售' : '拍卖'}}</span>
                <span v-if="item.show_price"> | </span>{{item.goods_name}}
              </p>
              <div class="sjbox" v-if="item.show_price">
                <div class="sjbox1">
                  <img class="rtsj" src="../assets/images/dianp.png" alt="">
                  <span class="sjname" style="color: #333333;">{{item.username}}</span>
                </div>
              </div>
              <div class="sjbox2" v-if="item.show_price">
                <div>
                  <span style="color: rgb(255, 0, 0) !important;">￥</span>
                  <span style="font-weight: bold;font-size: 18px;color: rgb(255, 0, 0) !important;"
                    class="mobileprice">{{item.show_price}}</span>
                </div>
                <div class="sjbox3" style="display: flex;align-items: center;margin-left: 15px;margin-top: -7px;">
                  <img src="../assets/images/icon5@2x.png" alt="" style="width: 15px;height: 20px;margin-right: 10px;">
                  <span
                    style="padding-top: 4px;box-sizing: border-box;color: rgb(255, 0, 0) !important;">{{item.read_count||0}}</span>
                </div>
              </div>
            </li>
            <!-- </div> -->


          </ul>
        </div>
      </div>

      <div class="NriRonge04">
        <div class="Uker02" style="position: relative;">
          <div class="SuBei" style="top: 0;">
            <img src="../assets/images/bg_shan1@2x.png">
          </div>
          <div class="UkerTop">
            <div class="UkerTopLeft">

            </div>
            <div class="UkerTopCom">
              <div class="UkerTopComLeftBian">
                <div class="UkerTopComLeftBianiN">
                  <div>资</div>
                  <img src="../assets/images/quan@2x.png">
                  <div class="UkerTopComLeftBianiNk">
                    资讯 |
                  </div>
                </div>
              </div>
            </div>
            <div class="UkerTopRight">

            </div>
          </div>
          <div class="UkerToplp">
            承蒙时光不弃，感恩各地藏友不余遗力的支持与信任
          </div>

          <div class="Uker02Detial">
            <div class="container">
              <div class="Uker02DetialCom" @click="zx(listf.id)">
                <div class="Uker02DetialComLeft">
                  <img :src="listf.image" style="width: 100%;height: 100%;">
                </div>
                <div class="Uker02DetialComRight">
                  <div class="Uker02DetialComRightTop">
                    <p>{{listf.addtime}}</p>
                  </div>
                  <div class="Uker02DetialComRightCom">
                    <p>{{listf.title}}</p>
                    <p>{{listf.content}}</p>
                  </div>
                </div>
              </div>
              <div class="Uker02DetialBot">
                <div class="Uker02DetialBotSite" @click="zx(item.id)" v-for="(item,index) in lists" v-if="index<4">
                  <img :src="item.image">
                  <p>{{item.title}}</p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="Uker01">

          <div class="UkerTop">
            <div class="UkerTopLeft">

            </div>
            <div class="UkerTopCom">
              <div class="UkerTopComLeftBian">
                <div class="UkerTopComLeftBianiN">
                  <div>服</div>
                  <img src="../assets/images/quan@2x.png">
                  <div class="UkerTopComLeftBianiNk">
                    服务 |
                  </div>
                </div>
              </div>
            </div>
            <div class="UkerTopRight">

            </div>
          </div>
          <div class="UkerToplp">
            承蒙时光不弃，感恩各地藏友不余遗力的支持与信任
          </div>
          <div class="SuBei03">
            <img src="../assets/images/bg4-you3@2x.png">
          </div>

          <div class="Uker01Com">
            <div class="container">
              <div class="UkerCoas">
                <div class="Uker01ComItem">
                  <div class="Uker01ComItemSIte01">
                    <img class="inser" src="../assets/images/liuliang@2x.png">
                    <div class="Uker01ComItemConser">
                      <span><i></i> 微藏汇 </span>
                      <span>委托拍卖</span>
                    </div>
                    <div class="Uker01ComItemKonser">
                      <template v-if="footerobj.text_ji[0]">
                        {{footerobj.text_ji[0]}}<br />
                      </template>
                      <template v-if="footerobj.text_ji[1]">
                        {{footerobj.text_ji[1]}}<br />
                      </template>
                      <template v-if="footerobj.text_ji[2]">
                        {{footerobj.text_ji[2]}}<br />
                      </template>
                    </div>
                    <div class="Uker01ComItemBot">
                      <img src="../assets/images/pic4@2x.png">
                    </div>
                  </div>
                  <div class="Uker01ComItemSIte02">
                    <img class="inser" src="../assets/images/liuliang@2x.png">
                    <div class="Uker01ComItemConser02">
                      <span><i></i> 微藏汇 </span>
                    </div>
                    <div class="Uker01ComItemConser02Img">
                      <img class="inser" :src="footerobj.qrcodeurl_ji" @touchstart="touchStart(footerobj.qrcodeurl_ji)"
                        @touchend="touchEnd()">
                    </div>
                    <p class="Ukp1">微信扫码</p>
                    <p class="Ukp2"></p>
                    <!-- <p class="Ukp3">联系电话</p> -->
                    <!-- <p class="Ukp4">{{footerobj.mobile}}</p> -->
                    <div class="Uk02beijing">

                    </div>
                  </div>
                </div>
                <div class="Uker01ComItem">
                  <div class="Uker01ComItemSIte01">
                    <img class="inser" src="../assets/images/liuliang@2x.png">
                    <div class="Uker01ComItemConser">
                      <span><i></i> 微藏汇 </span>
                      <span>PMG数据</span>
                    </div>
                    <div class="Uker01ComItemKonser">
                      <template v-if="footerobj.text_pmg[0]">
                        {{footerobj.text_pmg[0]}}<br />
                      </template>
                      <template v-if="footerobj.text_pmg[1]">
                        {{footerobj.text_pmg[1]}}<br />
                      </template>
                      <template v-if="footerobj.text_pmg[2]">
                        {{footerobj.text_pmg[2]}}<br />
                      </template>
                    </div>
                    <div class="Uker01ComItemBot">
                      <img src="../assets/images/pic4@2x.png">
                    </div>
                  </div>
                  <div class="Uker01ComItemSIte02">
                    <img class="inser" src="../assets/images/liuliang@2x.png">
                    <div class="Uker01ComItemConser02">
                      <span><i></i> 微藏汇 </span>
                    </div>
                    <div class="Uker01ComItemConser02Img">
                      <img class="inser" :src="footerobj.qrcodeurl_pmg"
                        @touchstart="touchStart(footerobj.qrcodeurl_pmg)" @touchend="touchEnd()">
                    </div>
                    <p class="Ukp1">微信扫码</p>
                    <p class="Ukp2"></p>
                    <!-- <p class="Ukp3">联系电话</p> -->
                    <!-- <p class="Ukp4">{{footerobj.mobile}}</p> -->
                    <div class="Uk02beijing">

                    </div>
                  </div>
                </div>

                <div class="Uker01ComItem">
                  <div class="Uker01ComItemSIte01">
                    <img class="inser" src="../assets/images/liuliang@2x.png">
                    <div class="Uker01ComItemConser">
                      <span><i></i> 微藏汇 </span>
                      <span>成交记录</span>
                    </div>
                    <div class="Uker01ComItemKonser">
                      <template v-if="footerobj.text_history[0]">
                        {{footerobj.text_history[0]}}<br />
                      </template>
                      <template v-if="footerobj.text_history[1]">
                        {{footerobj.text_history[1]}}<br />
                      </template>
                      <template v-if="footerobj.text_history[2]">
                        {{footerobj.text_history[2]}}<br />
                      </template>
                    </div>
                    <div class="Uker01ComItemBot">
                      <img src="../assets/images/pic4@2x.png">
                    </div>
                  </div>
                  <div class="Uker01ComItemSIte02">
                    <img class="inser" src="../assets/images/liuliang@2x.png">
                    <div class="Uker01ComItemConser02">
                      <span><i></i> 微藏汇 </span>
                    </div>
                    <div class="Uker01ComItemConser02Img">
                      <img class="inser" :src="footerobj.qrcodeurl_history"
                        @touchstart="touchStart(footerobj.qrcodeurl_history)" @touchend="touchEnd()">
                    </div>
                    <p class="Ukp1">微信扫码</p>
                    <p class="Ukp2"></p>
                    <!-- <p class="Ukp3">联系电话</p> -->
                    <!-- <p class="Ukp4">{{footerobj.mobile}}</p> -->
                    <div class="Uk02beijing">

                    </div>
                  </div>
                </div>

                <div class="Uker01ComItem">
                  <div class="Uker01ComItemSIte01">
                    <img class="inser" src="../assets/images/liuliang@2x.png">
                    <div class="Uker01ComItemConser">
                      <span><i></i> 微藏汇 </span>
                      <span>商家入驻</span>
                    </div>
                    <div class="Uker01ComItemKonser">
                      <template v-if="footerobj.text_store[0]">
                        {{footerobj.text_store[0]}}<br />
                      </template>
                      <template v-if="footerobj.text_store[1]">
                        {{footerobj.text_store[1]}}<br />
                      </template>
                      <template v-if="footerobj.text_store[2]">
                        {{footerobj.text_store[2]}}<br />
                      </template>
                    </div>
                    <div class="Uker01ComItemBot">
                      <img src="../assets/images/pic4@2x.png">
                    </div>
                  </div>
                  <div class="Uker01ComItemSIte02">
                    <img class="inser" src="../assets/images/liuliang@2x.png">
                    <div class="Uker01ComItemConser02">
                      <span><i></i> 微藏汇 </span>
                    </div>
                    <div class="Uker01ComItemConser02Img">
                      <img class="inser" :src="footerobj.qrcodeurl_store"
                        @touchstart="touchStart(footerobj.qrcodeurl_store)" @touchend="touchEnd()">
                    </div>
                    <p class="Ukp1">微信扫码</p>
                    <p class="Ukp2"></p>
                    <!-- <p class="Ukp3">联系电话</p> -->
                    <!-- <p class="Ukp4">{{footerobj.mobile}}</p> -->
                    <div class="Uk02beijing">

                    </div>
                  </div>
                </div>

              </div>
            </div>
          </div>
        </div>
      </div>
      <div data-v-a83bd3b0="" class="container">
        <div class="NriRongeCom02">
          <div class="NriRongeCom02Left">
            <p>{{footerobj.about}}</p>
            <div class="NriRongeCom02LeftBian">
              <div class="NriRongeCom02LeftBianiN">
                <div>我</div>
                <img src="../assets/images/quan@2x.png">
                <div class="NriRongeCom02LeftBianiNk">
                  我们 |
                </div>
              </div>
            </div>
          </div>
          <div class="NriRongeCom02Right">
            <div class="NriRongeCom02RightSer">
              <div class="NriRongeCom02RightSerSite">
                <p>多个板块。</p>
                <p>订单支付、物流跟踪、行业数据指导、拍品推广等</p>
                <p>开设有拍品交易、团购交易、自由拍交易、</p>
                <p>实现了钱币竞拍行业线上化，</p>
                <p>{{footerobj.text1}}，</p>
                <p>{{footerobj.text3}}。</p>
                <p>微藏汇开创了钱币实时竞拍的全新商业模式，</p>
                <p>通过多年群拍积累的经验，</p>
              </div>
              <div class="NriRongeCom02RightSerTop">
                <p>{{footerobj.text3}}</p>
                <p>微藏汇</p>
              </div>
            </div>
          </div>
          <div class="yinZhang">
            <!-- <img src="../assets/images/yin@2x.png" > -->
            微藏汇
          </div>

        </div>
      </div>
      <div class="Conser">
        <div class="ConserTop01">
          微藏汇截至目前注册会员已有 <span>{{footerobj.usercount}}</span> 人
        </div>
        <div class="ConserTop02">
          其中集中拍卖、团购的个体商家 <span>{{footerobj.storecount}}</span> ，自由拍商家 <span>{{footerobj.libertycount}}</span>
        </div>
        <div class="ConserFaz">
          <img src="../assets/images/wuyan@2x.png">
        </div>

        <!-- <img src="../assets/images/bg2@2x.png" > -->
      </div>
    </div>
    <!-- 电脑端结束 -->
    <!-- 手机端开始 -->
    <div class="NriRonge visible-xs-block">
      <div class="container">
        <div class="NriRongeCom ">

          <div class="NriRongeComRight">
            <div class="NriRongeComLeftBian">
              <div class="NriRongeComLeftBianiN">
                <div>竞</div>
                <img src="../assets/images/quan@2x.png">
                <div class="NriRongeComLeftBianiNk">
                  竞拍好物 | 稀有珍品
                </div>
              </div>
            </div>
            <div class="NriRongeComLeftHua02">
              <img src="../assets/images/shuzhi@2x.png">
            </div>
            <div class="swiperRight">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <div class="SiFang" v-for="(item,index) in list" v-if="index<4"
                    @click="getrouter(activelist[0].id,1,item.goodsid)">
                    <img :src="item.pics">
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="SiFang" v-for="(item,index) in list" v-if="index>=4"
                    @click="getrouter(activelist[0].id,1,item.goodsid)">
                    <img :src="item.pics">
                  </div>
                </div>
              </div>
              <!-- 如果需要分页器 -->
              <div class="swiper-pagination2"></div>
            </div>
          </div>
          <div class="NriRongeComLeft">
            <div class="NriRongeComLeftSer">
              <p>全新商业模式。</p>
              <p>微藏汇开创了钱币实时竞拍的</p>
              <p>{{footerobj.text3}}。</p>
              <p>{{footerobj.text2}}，</p>
              <p>{{footerobj.text1}}，</p>
            </div>

            <div class="NriRongeComLeftHua01">
              <img src="../assets/images/jingdain@2x.png">
            </div>

          </div>
        </div>
      </div>
      <div class="SuBei">
        <img src="../assets/images/bg_shan1@2x.png">
      </div>
      <div class="NriRonge02">
        <div class="container">
          <div class="NriRonge02Com">
            <div class="NriRonge02ComRight">
              <div class="NriRonge02ComRightTopspan" @click="getrouter(activelist[0].id,1)">
                <span style="background-color: red;" v-if="activelist[0].state==1">{{activelist[0].str_state}}</span>
                <span style="background-color: #17cd28;"
                  v-if="activelist[0].state==0">{{activelist[0].str_state}}</span>
                <span style="background-color: #c2c2c2;"
                  v-if="activelist[0].state!=1&&activelist[0].state!=0">{{activelist[0].str_state}}</span>
                <span>{{activelist[0].startdate}} {{activelist[0].startweek}} {{activelist[0].starttime}}</span>
              </div>
              <div class="NriRonge02ComRightCom" @click="getrouter(activelist[0].id,1)">
                {{activelist[0].name}}
              </div>
              <div class="NriRonge02ComRightBot" @click="getrouter(activelist[0].id,1)">
                本期共 {{activelist[0].goods_num}} 件拍品 <span>|</span> {{activelist[0].view}}
              </div>

            </div>
            <div class="NriRonge02ComLeft">
              <div class="SiFang" @click="getrouter(activelist[0].id,1,item.goodsid)"
                v-for="(item,index) in activelist[0].goods" v-if="index<4">
                <img :src="item.pics">
              </div>
              <div class="xuanZhuan">
                <div class="xuanZhuanCom" @touchstart="touchStart(qrcode_active)" @touchend="touchEnd()">
                  <img :src="qrcode_active">
                </div>
              </div>

            </div>
            <div class="xuanZhuanDetial">
              <p>本期活动二维码</p>
              <p>想了解本期活动更多竞品信息，请扫描二维码直接进入“微藏汇小程序”查看详情</p>
            </div>
          </div>

          <div class="NriRonge02Ser">

            <div class="NriRonge02SerItem" @click="getrouter(item.id,1)" v-for="(item,index) in activelist">
              <div class="NriRonge02SerItemTopspan">
                <span style="background-color: red;" v-if="item.state==1">{{item.str_state}}</span>
                <span style="background-color: #17cd28;" v-if="item.state==0">{{item.str_state}}</span>
                <span style="background-color: #c2c2c2;" v-if="item.state!=1&&item.state!=0">{{item.str_state}}</span>
                <span>{{item.startdate}} {{item.startweek}} {{item.starttime}}</span>
              </div>
              <div class="NriRonge02SerItemCom">
                {{item.name}}
              </div>
              <div class="NriRonge02SerItemBot">
                本期共 {{item.goods_num}} 件拍品 <span>|</span> {{item.view}}
              </div>
              <div data-v-2ed0b6aa="" class="TunaMonkeyItemCom" @click.stop="">
                <div @click="getshopAuctions(item.id,1,itemm.goodsid,$event)" v-for="(itemm,indexx) in item.goods"
                  :key="indexx"
                  :style="'background-image: url('+itemm.pics+');background-repeat: no-repeat;background-position: center;'">
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="SuBei02">
          <img src="../assets/images/bg3_zuo2@2x.png">
        </div>
      </div>

      <div class="NriRonge03">

        <div class="container">

          <div class="NriRonge02Com">
            <div class="NriRonge03ComRight">
              <div class="Suhua">
                <img src="../assets/images/pic3@2x.png">
              </div>
              <div class="NriRonge02ComRightTopspan" @click="getrouter(grouplist[0].id,2)">
                <span style="background-color: red;" v-if="grouplist[0].state==1">{{grouplist[0].str_state}}</span>
                <span style="background-color: #17cd28;" v-if="grouplist[0].state==0">{{grouplist[0].str_state}}</span>
                <span style="background-color: #c2c2c2;"
                  v-if="grouplist[0].state!=1&&grouplist[0].state!=0">{{grouplist[0].str_state}}</span>
                <span>{{grouplist[0].startdate}} {{grouplist[0].startweek}} {{grouplist[0].starttime}}</span>
              </div>
              <div class="NriRonge02ComRightCom" @click="getrouter(grouplist[0].id,2)">
                {{grouplist[0].name}}
              </div>
              <div class="NriRonge02ComRightBot" @click="getrouter(grouplist[0].id,2)">
                本期共 {{grouplist[0].goods_num}} 件拍品 <span>|</span> {{grouplist[0].view}} 人关注
              </div>

            </div>
            <div class="NriRonge02ComLeft left09 mbmcl09" @click="getrouter(grouplist[0].id,2)">
              <div class="SiFang" v-for="(item,index) in grouplist[0].goods" v-if="index<4">
                <img :src="item.pics">
              </div>
              <div class="xuanZhuan03 mbzx03">
                <div class="xuanZhuanCom" @touchstart="touchStart(qrcode_group)" @touchend="touchEnd()">
                  <img :src="qrcode_group" alt="">
                </div>
              </div>
            </div>
            <div class="xuanZhuanDetial03">
              <p>本期活动二维码</p>
              <p>想了解本期活动更多竞品信息，请扫描二维码直接进入“微藏汇小程序”查看详情</p>
            </div>
          </div>

          <div class="NriRonge02Ser">
            <div class="NriRonge02SerItem" v-for="(item,index) in grouplist" v-if="index!=0"
              @click="getrouter(item.id,2)">
              <div class="NriRonge02SerItemTopspan">
                <span style="background-color: red;" v-if="item.state==1">{{item.str_state}}</span>
                <span style="background-color: #17cd28;" v-if="item.state==0">{{item.str_state}}</span>
                <span style="background-color: #c2c2c2;" v-if="item.state!=1&&item.state!=0">{{item.str_state}}</span>
                <span>{{item.startdate}} {{item.startweek}} {{item.starttime}}</span>
              </div>
              <div class="NriRonge02SerItemCom">
                {{grouplist[0].name}}
              </div>
              <div class="NriRonge02SerItemBot">
                本期共 {{item.goods_num}} 件拍品 <span>|</span> {{item.view}} 人关注
              </div>
              <div data-v-2ed0b6aa="" class="TunaMonkeyItemCom" @click.stop="">
                <div @click="homegetrouter(item.id,item.state,$event)" v-for="(itemm,indexx) in item.goods"
                  :key="indexx"
                  :style="'background-image: url('+itemm.pics+');background-repeat: no-repeat;background-position: center;'">
                </div>
              </div>
            </div>
          </div>
        </div>


      </div>


      <div class="container mobilecontainer txtMarquee-left">
        <div class="hd" style="margin-bottom: 5px;margin-top: 20px;">
          <div style="display: flex;align-items: center;justify-content: space-between;height: 100%;font-size: 18px;">
            <div data-v-195bb399="" class="Action PaimaijsTopTive" style="display: flex;">
              <div data-v-195bb399="" class="PaimaijsTopTiveIcon">
                <img data-v-195bb399="" src="img/icon@2x.a37beb45.png">
              </div>
              <div data-v-195bb399="" class="PaimaijsTopTiveCom">
                <p data-v-195bb399="" style="margin-top: 0;">自由拍</p>
                <p data-v-195bb399="">部分竞品</p>
                <p data-v-195bb399="">Group buying area</p>
              </div>
              <div data-v-195bb399="" class="PaimaijsTopTiveJav" style="margin: 16px 14px 0px;">
                <img data-v-195bb399="" src="img/yin@2x.b24391aa.png" class="javimg">
              </div>
            </div>
            <div style="cursor: pointer;font-size: 14px;" @click="routerpm()">
              <!-- <a class="next"></a>
              <a class="prev"></a> -->
              more>>
            </div>
          </div>
        </div>
        <!-- <el-carousel trigger="click" interval="4000" style="margin-top: 20px;">
            <el-carousel-item v-for="(item,index) in pmlist.activelist" :key="item">
            <li class="PaimaijsConserTive" @click="item.goods_show_type == 2?jxz(item.activeid):item.is_paimai==1?homegetrouter(item.activeid,1):navlinkbtn(item.liberty_goods_id)"
              :key="index">
              <div class="PaimaijsConserTiveImg"
                :style="'background-image: url('+item.pic+');background-repeat: no-repeat;background-position: center;'">
              </div>
              <p
                style="overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;">
                <span style="color: #ff0000 !important;"
                  v-if="item.pic">{{item.type_type == 2 ? '求购' : item.type_type == 3 ? '出售' : '拍卖'}}</span>
                <span v-if="item.show_price"> | </span>{{item.goods_name}}
              </p>
              <div class="sjbox" v-if="item.show_price">
                <div class="sjbox1">
                  <img class="rtsj" src="../assets/images/dianp.png" alt="">
                  <span class="sjname" style="color: #333333;">{{item.username}}</span>
                </div>
              </div>
              <div class="sjbox2" v-if="item.show_price">
                <div>
                  <span style="color: rgb(255, 0, 0) !important;">￥</span>
                  <span style="font-weight: bold;font-size: 18px;color: rgb(255, 0, 0) !important;"
                    class="mobileprice">{{item.show_price}}</span>
                </div>
                <div class="sjbox3" style="display: flex;align-items: center;margin-left: 15px;margin-top: -7px;">
                  <img src="../assets/images/icon5@2x.png" alt="" style="width: 15px;height: 20px;margin-right: 10px;">
                  <span
                    style="padding-top: 4px;box-sizing: border-box;color: rgb(255, 0, 0) !important;">{{item.read_count||0}}</span>
                </div>
              </div>
            </li>
          </el-carousel-item>
        </el-carousel> -->
        
        <div class="bd">
          <ul class="infoList">
            <!-- <div class="PaimaijsConser"> -->
            <li class="PaimaijsConserTive" v-for="(item,index) in pmlist.activelist"
              @click="item.goods_show_type == 2?jxz(item.activeid):item.is_paimai==1?homegetrouter(item.activeid,1):navlinkbtn(item.liberty_goods_id)"
              :key="index" style="width: 50vw;">
              <div class="PaimaijsConserTiveImg"
                :style="'background-image: url('+item.pic+');background-repeat: no-repeat;background-position: center;'">
              </div>
              <p
                style="height:24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;">
                <span style="color: #ff0000 !important;"
                  v-if="item.pic">{{item.type_type == 2 ? '求购' : item.type_type == 3 ? '出售' : '拍卖'}}</span>
                <span v-if="item.show_price"> | </span>{{item.goods_name}}
              </p>
             <!-- <div class="sjbox" v-if="item.show_price">
                <div class="sjbox1">
                  <img class="rtsj" src="../assets/images/dianp.png" alt="">
                  <span class="sjname" style="color: #333333;">{{item.username}}</span>
                </div>
              </div> -->
              <div class="sjbox2" v-if="item.show_price">
                <div>
                  <span style="color: rgb(255, 0, 0) !important;">￥</span>
                  <span style="font-weight: bold;font-size: 18px;color: rgb(255, 0, 0) !important;"
                    class="mobileprice">{{item.show_price}}</span>
                </div>
                <div class="sjbox3" style="display: flex;align-items: center;margin-left: 15px;margin-top: -7px;">
                  <img src="../assets/images/icon5@2x.png" alt="" style="width: 15px;height: 20px;margin-right: 10px;">
                  <span
                    style="padding-top: 4px;box-sizing: border-box;color: rgb(255, 0, 0) !important;">{{item.read_count||0}}</span>
                </div>
              </div>
            </li>
            <!-- </div> -->
          </ul>
        </div>
      </div>



      <div class="NriRonge04">
        <div class="Uker02">
          <div class="UkerTop">
            <div class="UkerTopLeft">

            </div>
            <div class="UkerTopCom">
              <div class="UkerTopComLeftBian">
                <div class="UkerTopComLeftBianiN">
                  <div>资</div>
                  <img src="../assets/images/quan@2x.png">
                  <div class="UkerTopComLeftBianiNk">
                    资讯 |
                  </div>
                </div>
              </div>
            </div>
            <div class="UkerTopRight">

            </div>
          </div>
          <div class="UkerToplp">
            承蒙时光不弃，感恩各地藏友不余遗力的支持与信任
          </div>

          <div class="Uker02Detial">
            <div class="container">
              <div class="Uker02DetialCom" @click="zx(listf.id)">
                <div class="Uker02DetialComLeft">
                  <img :src="listf.image" style="width: 100%;height: 100%;">
                </div>
                <div class="Uker02DetialComRight">
                  <div class="Uker02DetialComRightTop">
                    <p>{{listf.addtime}}</p>
                  </div>
                  <div class="Uker02DetialComRightCom">
                    <p>{{listf.title}}</p>
                    <p>{{listf.content}}</p>
                  </div>
                </div>
              </div>
              <div class="Uker02DetialBot">
                <div class="Uker02DetialBotSite" @click="zx(item.id)" v-for="(item,index) in lists" v-if="index<4">
                  <img :src="item.image">
                  <p>{{item.title}}</p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="Uker01">

          <div class="UkerTop">
            <div class="UkerTopLeft">

            </div>
            <div class="UkerTopCom">
              <div class="UkerTopComLeftBian">
                <div class="UkerTopComLeftBianiN">
                  <div>服</div>
                  <img src="../assets/images/quan@2x.png">
                  <div class="UkerTopComLeftBianiNk">
                    服务 |
                  </div>
                </div>
              </div>
            </div>
            <div class="UkerTopRight">

            </div>
          </div>
          <div class="UkerToplp">
            承蒙时光不弃，感恩各地藏友不余遗力的支持与信任
          </div>
          <div class="SuBei03">
            <img src="../assets/images/bg4-you3@2x.png">
          </div>

          <div class="Uker01Com">
            <div class="container">
              <div class="UkerCoas">
                <div class="Uker01ComItem">
                  <div class="Uker01ComItemSIte01">
                    <img class="inser" src="../assets/images/liuliang@2x.png">
                    <div class="Uker01ComItemConser">
                      <span><i></i> 微藏汇 </span>
                      <span>委托拍卖</span>
                    </div>
                    <div class="Uker01ComItemKonser">
                      <template v-if="footerobj.text_ji[0]">
                        {{footerobj.text_ji[0]}}<br />
                      </template>
                      <template v-if="footerobj.text_ji[1]">
                        {{footerobj.text_ji[1]}}<br />
                      </template>
                      <template v-if="footerobj.text_ji[2]">
                        {{footerobj.text_ji[2]}}<br />
                      </template>
                    </div>
                    <div class="Uker01ComItemBot">
                      <img src="../assets/images/pic4@2x.png">
                    </div>
                  </div>
                  <div class="Uker01ComItemSIte02">
                    <img class="inser" src="../assets/images/liuliang@2x.png">
                    <div class="Uker01ComItemConser02">
                      <span><i></i> 微藏汇 </span>
                    </div>
                    <div class="Uker01ComItemConser02Img">
                      <img class="inser" :src="footerobj.qrcodeurl_ji" @touchstart="touchStart(footerobj.qrcodeurl_ji)"
                        @touchend="touchEnd()">
                    </div>
                    <p class="Ukp1">微信扫码</p>
                    <p class="Ukp2"></p>
                    <!-- <p class="Ukp3">联系电话</p> -->
                    <!-- <p class="Ukp4">{{footerobj.mobile}}</p> -->
                    <div class="Uk02beijing">

                    </div>
                  </div>
                </div>
                <div class="Uker01ComItem">
                  <div class="Uker01ComItemSIte01">
                    <img class="inser" src="../assets/images/liuliang@2x.png">
                    <div class="Uker01ComItemConser">
                      <span><i></i> 微藏汇 </span>
                      <span style="">PMG数据</span>
                    </div>
                    <div class="Uker01ComItemKonser">
                      <template v-if="footerobj.text_pmg[0]">
                        {{footerobj.text_pmg[0]}}<br />
                      </template>
                      <template v-if="footerobj.text_pmg[1]">
                        {{footerobj.text_pmg[1]}}<br />
                      </template>
                      <template v-if="footerobj.text_pmg[2]">
                        {{footerobj.text_pmg[2]}}<br />
                      </template>
                    </div>
                    <div class="Uker01ComItemBot">
                      <img src="../assets/images/pic4@2x.png">
                    </div>
                  </div>
                  <div class="Uker01ComItemSIte02">
                    <img class="inser" src="../assets/images/liuliang@2x.png">
                    <div class="Uker01ComItemConser02">
                      <span><i></i> 微藏汇 </span>
                    </div>
                    <div class="Uker01ComItemConser02Img">
                      <img class="inser" :src="footerobj.qrcodeurl_pmg"
                        @touchstart="touchStart(footerobj.qrcodeurl_pmg)" @touchend="touchEnd()">
                    </div>
                    <p class="Ukp1">微信扫码</p>
                    <p class="Ukp2"></p>
                    <!-- <p class="Ukp3">联系电话</p> -->
                    <!-- <p class="Ukp4">{{footerobj.mobile}}</p> -->
                    <div class="Uk02beijing">

                    </div>
                  </div>
                </div>

                <div class="Uker01ComItem">
                  <div class="Uker01ComItemSIte01">
                    <img class="inser" src="../assets/images/liuliang@2x.png">
                    <div class="Uker01ComItemConser">
                      <span><i></i> 微藏汇 </span>
                      <span>成交记录</span>
                    </div>
                    <div class="Uker01ComItemKonser">
                      <template v-if="footerobj.text_history[0]">
                        {{footerobj.text_history[0]}}<br />
                      </template>
                      <template v-if="footerobj.text_history[1]">
                        {{footerobj.text_history[1]}}<br />
                      </template>
                      <template v-if="footerobj.text_history[2]">
                        {{footerobj.text_history[2]}}<br />
                      </template>
                    </div>
                    <div class="Uker01ComItemBot">
                      <img src="../assets/images/pic4@2x.png">
                    </div>
                  </div>
                  <div class="Uker01ComItemSIte02">
                    <img class="inser" src="../assets/images/liuliang@2x.png">
                    <div class="Uker01ComItemConser02">
                      <span><i></i> 微藏汇 </span>
                    </div>
                    <div class="Uker01ComItemConser02Img">
                      <img class="inser" :src="footerobj.qrcodeurl_history"
                        @touchstart="touchStart(footerobj.qrcodeurl_history)" @touchend="touchEnd()">
                    </div>
                    <p class="Ukp1">微信扫码</p>
                    <p class="Ukp2"></p>
                    <!-- <p class="Ukp3">联系电话</p> -->
                    <!-- <p class="Ukp4">{{footerobj.mobile}}</p> -->
                    <div class="Uk02beijing">

                    </div>
                  </div>
                </div>

                <div class="Uker01ComItem">
                  <div class="Uker01ComItemSIte01">
                    <img class="inser" src="../assets/images/liuliang@2x.png">
                    <div class="Uker01ComItemConser">
                      <span><i></i> 微藏汇 </span>
                      <span>商家入驻</span>
                    </div>
                    <div class="Uker01ComItemKonser">
                      <template v-if="footerobj.text_store[0]">
                        {{footerobj.text_store[0]}}<br />
                      </template>
                      <template v-if="footerobj.text_store[1]">
                        {{footerobj.text_store[1]}}<br />
                      </template>
                      <template v-if="footerobj.text_store[2]">
                        {{footerobj.text_store[2]}}<br />
                      </template>
                    </div>
                    <div class="Uker01ComItemBot">
                      <img src="../assets/images/pic4@2x.png">
                    </div>
                  </div>
                  <div class="Uker01ComItemSIte02">
                    <img class="inser" src="../assets/images/liuliang@2x.png">
                    <div class="Uker01ComItemConser02">
                      <span><i></i> 微藏汇 </span>
                    </div>
                    <div class="Uker01ComItemConser02Img">
                      <img class="inser" :src="footerobj.qrcodeurl_store"
                        @touchstart="touchStart(footerobj.qrcodeurl_store)" @touchend="touchEnd()">
                    </div>
                    <p class="Ukp1">微信扫码</p>
                    <p class="Ukp2"></p>
                    <!-- <p class="Ukp3">联系电话</p> -->
                    <!-- <p class="Ukp4">{{footerobj.mobile}}</p> -->
                    <div class="Uk02beijing">

                    </div>
                  </div>
                </div>

              </div>
            </div>
          </div>
        </div>
      </div>
      <div data-v-a83bd3b0="" class="NriRongeCom02">
        <div data-v-a83bd3b0="" class="NriRongeCom02Right">
          <div data-v-a83bd3b0="" class="NriRongeCom02RightSer">
            <div data-v-a83bd3b0="" class="yinZhang"> 微藏汇 </div>
            <div data-v-a83bd3b0="" class="NriRongeCom02RightSerSite">
              <p data-v-a83bd3b0="">订单支付、物流跟踪、行业数据指导、拍品推广等多个板块。</p>
              <p data-v-a83bd3b0="">开设有拍品交易、团购交易、自由拍交易、</p>
              <p data-v-a83bd3b0="">实现了钱币竞拍行业线上化，</p>
              <p data-v-a83bd3b0="">{{footerobj.text1}}，</p>
              <p data-v-a83bd3b0="">{{footerobj.text3}}。</p>
              <p data-v-a83bd3b0="">微藏汇开创了钱币实时竞拍的全新商业模式，</p>
              <p data-v-a83bd3b0="">通过多年群拍积累的经验，</p>
            </div>
            <div data-v-a83bd3b0="" class="NriRongeCom02RightSerTop">
              <p data-v-a83bd3b0="">{{footerobj.text3}}</p>
              <p data-v-a83bd3b0="">微藏汇</p>
            </div>
          </div>
        </div>
      </div>
      <div class="Conser">
        <div class="ConserTop01">
          微藏汇截至目前注册会员已有 <span>{{footerobj.usercount}}</span> 人
        </div>
        <div class="ConserTop02">
          其中集中拍卖、团购的个体商家 <span>{{footerobj.storecount}}</span> ，自由拍商家 <span>{{footerobj.libertycount}}</span>
        </div>
        <!-- 	<div class="ConserCom">
      		<img src="../assets/images/jieshou@3x.png" >
      	</div>
      	<div class="ConserFaz">
      		<img src="../assets/images/wuyan@2x.png" >
      	</div> -->

        <!-- <img src="../assets/images/bg2@2x.png" > -->
      </div>
    </div>
    <!-- 手机端结束 -->
    <!-- 内容结束 -->

    <div class="Botter">

    </div>
  </div>
</template>

<script>
  import {
    homeindex,
    newslist,
    goodsList
  } from '@/api/utils.js'
  var startLeft = 0,
    startTop = 0;

  function dragMoveX(container) {
    var flag;
    var downX;
    var scrollLeft;
    //鼠标按下
    $(document.body).on("mousedown", container, function(event) {
      startLeft = event.clientX;
      startTop = event.clientY;
      flag = true;
      downX = event.clientX;
      scrollLeft = $(this).scrollLeft();
    });
    //鼠标移动
    $(document.body).on("mousemove", container, function(event) {
      if (flag) {
        var moveX = event.clientX;
        var scrollX = moveX - downX;
        // console.log("moveX" + moveX);
        // console.log("scrollX" + scrollX);
        if (scrollX < 0 && scrollLeft > 0) {
          $(this).scrollLeft(scrollLeft - scrollX)
        } else {
          $(this).scrollLeft(scrollLeft - scrollX)
        }
      }
    });
    //鼠标释放
    $(document.body).on("mouseup", container, function(event) {
      flag = false;
    });
    /**
     * 注意：与 mouseout 事件不同，mouseleave 事件只有在鼠标指针离开被选元素时被触发，mouseout 事件在鼠标指针离开任意子元素时也会被触发。参见页面底部演示实例。
     * 所以：如果mouseout的子元素存在溢出，并添加了超出加滚动，那么刚进入也会触发该事件，所以这里就不能使用。
     * */
    //鼠标移出元素
    $(document.body).on("mouseleave", container, function(event) {
      flag = false;
      if (event.pageX < 0 || event.pageX > document.body.offsetWidth) {
        flag = false;
      }
    });
  }

  dragMoveX(".TunaMonkeyItemCom")
  export default {
    name: '',
    components: {},
    props: ["footerobj"],
    data() {
      return {
        bannerlist: [],
        list: [],
        activelist: [],
        listf: [],
        list: [],
        pmlist: [],
        qrcode_active: '',
        qrcode_group: '',
        qrcodeUrl64: '',
        timer: '',
        lists: []
      }
    },
    computed: {},
    watch: {},
    created() {
      // sessionStorage.setItem('scrollTop',0)
      this.gethomeindex()
      this.getnewslist()
      this.getgoodsList()
    },
    mounted() {
      window.addEventListener('scroll', this.scrollToTop)
    },
    methods: {
      scrollToTop() {
        var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
        if (scrollTop !== 0) {
          console.log(scrollTop)
          sessionStorage.setItem('scrollTop', scrollTop)
        }
      },
      gethomeindex() {
        var that = this,
          params = {}
        homeindex(params).then(res => {
          if (res.Code == 1) {
            // setTimeout(function() {
            that.bannerlist = res.data.bannerlist
            that.list = res.data.list
            that.activelist = res.data.activelist
            that.grouplist = res.data.grouplist
            that.qrcode_active = res.data.qrcode_active
            that.qrcode_group = res.data.qrcode_group
            that.$nextTick(() => {
              new Swiper('.swiper', {
                pagination: {
                  el: '.swiper-pagination',
                },
              })
              new Swiper('.swiperRight', {
                pagination: {
                  el: '.swiper-pagination2',
                }
              })
            })
            // }, 1000);
          }
        })
      },
      getnewslist() {
        var that = this,
          params = {
            page: this.page
          }
        newslist(params).then(res => {
          if (res.Code == 1) {
            for (var i = 0; i < res.data.newslist.length; i++) {
              let text = res.data.newslist[i].content,
                replace = text.replace(/<[^>]+>/g, "")
              res.data.newslist[i].content = replace.replace(/&nbsp;/ig, '')
            }
            that.listf = res.data.newslist.splice(0, 1)[0]
            that.lists = res.data.newslist
          }
        })
      },
      getgoodsList() {
        var that = this,
          params = {
            page: 1,
            type: 3
          }
        goodsList(params).then(res => {
          if (res.Code == 1) {
            var obj = {
              activelist: res.data
            }
            that.pmlist = obj
            that.$nextTick(() => {
              setTimeout(function() {
                $(".txtMarquee-left").slide({
                  mainCell: ".bd ul",
                  autoPlay: true,
                  effect: 'leftMarquee',
                  vis: 4,
                  interTime: 25,
                  opp: false,
                  pnLoop: true,
                  trigger: 'click',
                  mouseOverStop: true
                })
                document.documentElement.scrollTop = sessionStorage.getItem('scrollTop')
              }, 500);
            })
          }
        })
      },
      getrouter(id, state, goodsid) {
        if (goodsid) {
          this.$router.push({
            path: '/auctiondetail',
            query: {
              id: id,
              type: state,
              goodsid: '#' + goodsid
            }
          })
        } else {
          this.$router.push({
            path: '/auctiondetail',
            query: {
              id: id,
              type: state
            }
          })
        }
      },
      navlinkbtn(id) {
        this.$router.push({
          path: '/shoting',
          query: {
            id: id
          }
        })
      },
      zx(e) {
        this.$router.push({
          path: '/informationdetail',
          query: {
            id: e
          }
        })
      },
      down() {
        this.download(this.qrcode_active, {
          ...this.queryParams
        }, `微藏汇.png`)
      },
      touchEnd() {
        //手指离开
        clearTimeout(this.timer);
      },
      touchStart(e) {
        //手指触摸
        clearTimeout(this.timer); //再次清空定时器，防止重复注册定时器
        this.timer = setTimeout(() => {
          this.downloadIamge(e, "微藏汇");
        }, 1000);
      },
      downloadIamge(imgsrc, name) {
        console.log(11)
        //下载图片地址和图片名
        let image = new Image();
        // 解决跨域 Canvas 污染问题
        image.setAttribute("crossOrigin", "anonymous");
        image.onload = () => {
          let canvas = document.createElement("canvas");
          canvas.width = image.width;
          canvas.height = image.height;
          let context = canvas.getContext("2d");
          context.drawImage(image, 0, 0, image.width, image.height);
          let url = canvas.toDataURL("image/png"); //得到图片的base64编码数据
          let a = document.createElement("a"); // 生成一个a元素
          let event = new MouseEvent("click"); // 创建一个单击事件
          a.download = name || "photo"; // 设置图片名称
          a.href = url; // 将生成的URL设置为a.href属性
          a.dispatchEvent(event); // 触发a的单击事件
        };
        image.src = imgsrc;
      },
      getshopAuctions(id, state, goodsid, event) {
        if (event.clientX == startLeft) {
          this.$router.push({
            path: '/auctiondetail',
            query: {
              id: id,
              type: state,
              goodsid: '#' + goodsid,
              page: this.page
            }
          })
        }
      },
      homegetrouter(id, state, event) {
        if (event) {
          if (event.clientX == startLeft) {
            this.$router.push({
              path: '/auctiondetail',
              query: {
                id: id,
                type: 2,
                page: 1
              }
            })
          }
        } else {
          this.$router.push({
            path: '/auctiondetail',
            query: {
              id: id,
              type: 3,
              page: 1
            }
          })
        }
      },
      routerpm() {
        sessionStorage.setItem('type', 3)
        sessionStorage.setItem('page', 1)
        this.$router.push({
          path: '/auction',
          query: {
            type: 3,
            page: 1
          }
        })
      },
      jxz(id) {
        this.$router.push({
          path: '/freehand',
          query: {
            id: id,
            type: 3,
            page: 1
          }
        })
      },
      navlinkbtn(id) {
        this.$router.push({
          path: '/shoting',
          query: {
            id: id,
            type: 3,
            page: 1
          }
        })
      },
    }
  }
</script>

<style lang="scss" scoped>
  @import url("../assets/css/basic.css");
  @import url("../assets/css/media.css");

  .NriRonge02Ser,
  .NriRonge02Com,
  .Uker02DetialCom,
  .Uker02DetialBot,
  .SiFang {
    cursor: pointer;
  }

  .NriRongeCom02Left {
    padding: 20px 20px 20px 100px;
    box-sizing: border-box;
  }

  .NriRongeCom02Left p {
    font-size: 16px;
    line-height: 32px;
  }

  @media only screen and (min-width: 100px) and (max-width: 998px) {
    .NriRongeCom02Left {
      height: 44.3rem !important;
    }

    .NriRongeCom02Left {
      padding: 10px 10px 10px 10px;
      box-sizing: border-box;
    }

    .NriRongeCom02Left p {
      font-size: 12px;
      line-height: 20px;
    }

    .NriRongeCom02Left {
      height: 48.875rem !important;
    }
  }



  /* 本例子css */
  .txtMarquee-left {
    position: relative;
  }

  .txtMarquee-left .hd {
    overflow: hidden;
    // height: 30px;
    padding: 0 10px;
  }

  .txtMarquee-left .hd .prev,
  .txtMarquee-left .hd .next {
    display: block;
    width: 26px;
    height: 26px;
    float: right;
    margin-right: 10px;
    margin-top: 8px;
    overflow: hidden;
    cursor: pointer;
    cursor: pointer;
    background: url() no-repeat;
    background-size: 166px;
  }

  .txtMarquee-left .hd .next {
    background-position: 0 -82px;
  }

  .txtMarquee-left .hd .prevStop {
    background-position: -60px 0;
  }

  .txtMarquee-left .hd .nextStop {
    background-position: -60px -50px;
  }

  .txtMarquee-left .bd {
    padding: 10px;
    overflow: hidden;
  }

  .txtMarquee-left .bd .tempWrap {
    width: 425px !important;
  }

  /* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
  .txtMarquee-left .bd ul {
    overflow: hidden;
    zoom: 1;
  }

  .txtMarquee-left .bd ul li {
    margin-right: 20px;
    float: left;
  }

  /* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
  .txtMarquee-left .bd ul li span {
    color: #999;
  }


  .Paimaijs .pcr:nth-child(2n) {
    margin-right: 0 !important;
  }

  .container {
    padding-top: 50px;
  }

  .rtsj {
    width: 20px;
    height: 20px;
  }

  .sjbox {
    width: 250px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .sjbox1,
  .sjbox2 {
    display: flex;
    align-items: center;
    font-size: 16px;
  }

  .sjbox2 {
    margin-top: 10px;
    color: rgb(255, 0, 0) !important;
    justify-content: space-between;
  }

  .sjname {
    margin-left: 10px;
    width: 90%;
    overflow: hidden;
    height: 23px;
    flex-shrink: 0;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
</style>